<!DOCTYPE html>
<html>
<head>
<title>外卖订单-速订客</title>
<meta ht_topp-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta ht_topp-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta name="keyword" content="">
<meta name="description" content="">
<link rel="stylesheet" rev="stylesheet" href="http://img.sudingke.xxx/css/base.css" type="text/css">
<link rel="stylesheet" rev="stylesheet" href="http://img.sudingke.xxx/css/order.css" type="text/css">
<link rel="stylesheet" rev="stylesheet" href="http://img.sudingke.xxx/css/member.css" type="text/css">
<link rel="icon" type="image/x-icon" href="http://img.sudingke.xxx/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="http://img.sudingke.xxx/favicon.ico"> 
</head>
<body>
<!-- header start -->
<div id="header">
  <div class="center">
    <div class="logo"><a href="/"><img src="http://img.sudingke.xxx//img/common/logo.png" alt="速订客美食网"></a></div>
    <div class="city">
      <div class="site_desc">外卖订单</div>
    </div>
    <div class="login">
      <div class="login_bar">
            <a href="/">返回首页</a> <span>&nbsp;|&nbsp;</span> <a target="_blank" href="/html/help">帮助</a>
      </div>
    </div>
  </div>
  <div class="menu_line"></div>
</div>
<!-- header close --><!------------------------------------>

<form action="/order/done" method="post" name="submitForm" id="submitForm">
    <input type="hidden" name="shop_id" value="1251" />
    <input type="hidden" name="shop_name" value="乐家牛肉饭" />
    <input type="hidden" name="verify" value="TEH6JWdJ" />
<div id="container">
  <div class="order_table">
    <h2 class="navbar">菜单明细 - <a href="/shop/1251" style="color:#fff;font-weight:normal">乐家牛肉饭</a></h2>
    <div class="box_top">
      <table class="t_top">
        <thead>
          <tr>
            <th>序号</th>
            <th>美食名称</th>
            <th>原价</th>
            <th>折扣价</th>
            <th>数量</th>
            <th>小计</th>
            <th>口味</th>
          </tr>
        </thead>
        <tbody id="cartTable">
          <tr id="dish_2643">
            <td>1</td>
            <td>原味牛肉饭</td>
            <td><s><span class="money">9</span>元</s></td>
            <td><span class="price">9</span>元</td>
            <td align="center"><input type="text" name="itemNum[2643]" size="4" value="1" autocomplete="off" onClick="changePrice(2643)" onchange="changePrice(2643)" /></td>
            <td><span class="count">9</span></td>
            <td><a href="#" onclick="delCart(2643)">删除</a></td>
          </tr>
          <tr id="dish_2644">
            <td>2</td>
            <td>辣白菜牛肉饭</td>
            <td><s><span class="money">11</span>元</s></td>
            <td><span class="price">11</span>元</td>
            <td align="center"><input type="text" name="itemNum[2644]" size="4" value="1" autocomplete="off" onClick="changePrice(2644)" onchange="changePrice(2644)" /></td>
            <td><span class="count">11</span></td>
            <td><a href="#" onclick="delCart(2644)">删除</a></td>
          </tr>
          <tr id="dish_2645">
            <td>3</td>
            <td>芝士牛肉饭</td>
            <td><s><span class="money">11</span>元</s></td>
            <td><span class="price">11</span>元</td>
            <td align="center"><input type="text" name="itemNum[2645]" size="4" value="1" autocomplete="off" onClick="changePrice(2645)" onchange="changePrice(2645)" /></td>
            <td><span class="count">11</span></td>
            <td><a href="#" onclick="delCart(2645)">删除</a></td>
          </tr>
          <tr id="dish_2646">
            <td>4</td>
            <td>温泉鸡蛋牛肉饭</td>
            <td><s><span class="money">11</span>元</s></td>
            <td><span class="price">11</span>元</td>
            <td align="center"><input type="text" name="itemNum[2646]" size="4" value="1" autocomplete="off" onClick="changePrice(2646)" onchange="changePrice(2646)" /></td>
            <td><span class="count">11</span></td>
            <td><a href="#" onclick="delCart(2646)">删除</a></td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="7" style="border:none;height:40px;text-align:right">合计：<span id="totalfee" class="price">42</span> 元，节省：<span id="savefee" class="price">0</span> 元<!--，积分51分--></td>
          </tr>
        </tfoot>
      </table>
    </div>
<!--
    <h2 class="navbar">帐号信息</h2>
    <div class="box_mid">
      <div class="loginformbox">
        <h3>我有速订帐号</h3>
        <div class="forminfo">
            <fieldset>
              <p>
                <label for="emailOrPhone1">邮箱或手机</label>
                <input type="text" autocomplete="off" id="emailOrPhone1">
              </p>
              <p>
                <label for="password">密码</label>
                <input type="password" id="password">
                <input type="submit" class="btns" value="&nbsp; 登 录 &nbsp;" id="submit1">
              </p>
            </fieldset>
        </div>
      </div>
      <div class="accountformbox">
        <h3>没有帐号<span>(不用注册，输入手机或邮箱，以便接收就餐凭证)</span></h3>
        <div class="forminfo">
            <fieldset>
              <p>
                <label for="emailOrPhone2">邮箱或手机</label>
                <input type="text" autocomplete="off" id="emailOrPhone2">
                <input type="button" class="btns" value="&nbsp; 提 交 &nbsp;" id="submit2">
              </p>
            </fieldset>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    -->


    <h2 class="navbar">预订信息</h2>
  
    <div class="box_bot">
      <input type="hidden" name="fromtype" value="waimai" />
      <input type="hidden" name="dosubmit" value="yes" />
      <table class="t_bot">
        <tbody>
          <tr>
            <th width="100">预订时间</th><td align="left">
                                           <div class="cell fs">
                                    <input type="text" class="input"  size="30" id="orderDate" placeholder="----年--月--日" value="2012年07月12日 星期四" />
                                    <input type="text" class="input" size="10" id="orderHour" placeholder="--时" value="18点" />
                                    <input type="text" class="input" size="10" id="orderMini" placeholder="--分" value="15分" />
                                   </div></td>
          </tr>
           <tr>
             <th>餐位情况</th><td align="left">
 
             
             <div class="bgwh" style="border: 1px solid #CCCCCC;width:500px;">
    <div class="bbd pl10 lh24">您选择的就餐时间尚有空位，可接受预订。</div>
    <ul class="">
        <li class="fix dot pt5 pb5">
            <span class="l pl5 pr20">
                <input type="radio" id="seatStatus1" value="0" class="seatRequire" name="seatStatus"/>
            </span>
            <div class="cell">
                <label class="float_two " for="seatStatus1">大厅(晚市)</label>
                <span class="float_two ">有餐位</span>
            </div>
        </li>
        <li class="fix pt5 pb5">
            <span class="l pl5 pr20">
                <input type="radio" id="seatStatus2" value="1" class="seatRequire" name="seatStatus" data-rel="minExpense"/>
            </span>
            <div class="cell">
                <label class="float_two " for="seatStatus2">包房(晚市)</label>
                <span class="float_two ">有餐位</span> 
        	</div>
        </li>
    </ul>
    <div class="btd pl10 dn" id="minExpenseBox">
        
        <p class="mt5 g6">
        包房设有最低消费金额，您能接受
            <select id="minExpense" class="p1 mr2" autocomplete="off">
                <option value="-1">无所谓</option>
                <option value="500"  >500以内</option>
                <option value="1000" >501-1000</option>
                <option value="2000" >1001-2000</option>
                <option value="5000" >2001-5000</option>
            </select>元
        </p>
        
        <div class="mt5 pb5 g6 ml-3">
            <input type="checkbox" id="seatSwitch" class="vn" /><label class="ft" for="seatSwitch">&nbsp;&nbsp;订不到包房就订大厅</label>
        </div>
        
    </div>  
</div>
              </td>
          </tr>
          <tr>
            <th>人 &nbsp;&nbsp; &nbsp;&nbsp; 数</th><td align="left"><input type="text" class="input g9"  size="10" id="orderNums" placeholder="--人"    value="--人" />
           </td>
          </tr>
         
        </tbody>
      </table>
</div>




    <h2 class="navbar">联系信息</h2>
    <div style="background-color:#FFFFCC;padding: 10px;width:940px;" class="clear">
      <div class="last_payment_info"> <span><b>菜单金额：</b><span id="last_totalfee" class="price">0</span>元;&nbsp;&nbsp;</span>
        <span id="forservice"><b>服务费：</b><span id="last_servicefee" class="price">0</span>元;&nbsp;&nbsp;</span>
        <span class=""> <b>共节省：</b><span id="last_savefee" class="price">0</span>元;&nbsp;&nbsp;
        <b>您需为本单支付：￥</b><b id="total" class="price large">0</b> </span> </div>
    </div>
    <div class="box_bot">
      <input type="hidden" name="fromtype" value="waimai" />
      <input type="hidden" name="dosubmit" value="yes" />
      <table class="t_bot">
        <tbody>
             <tr>
            <th>手 &nbsp;&nbsp; &nbsp;&nbsp; 机</th><td align="left"><input type="text" name="mobile" id="mobile" />
            <span class="tip" id="mobileTip"></span></td>
          </tr>
          <tr>
            <th width="100">联 系 人</th><td align="left"><input type="text" name="realname" id="realname" />
            <span class="tip" id="realnameTip"></span></td>
          </tr>
     
          <tr>
             <th>性 &nbsp;&nbsp; &nbsp;&nbsp; 别</th><td align="left">
                                    <input type="radio" class="vn ml5" name="orderSex" id="orderSexMale" value="0"  /><label for="orderSexMale">先生</label>
                                     &nbsp;&nbsp;<input type="radio" class="vn ml5" name="orderSex" id="orderSexFemale" value="1" /><label for="orderSexFemale">女士</label>

              </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="3"><button class="btns" type="submit">提交订单</button></td>
          </tr>
        </tfoot>
      </table>
    </div>
    <p>&nbsp;</p>
  </div>
</div>
</form>

<!------------------------------------>
<!-- footer start -->
<div id="footer">
  <div class="footer_copy">
    <div class="footer_copy_box">
      <p class=""> <a href="/html/aboutus" target="_blank">关于我们</a> &nbsp; | &nbsp; <a href="/html/contact" target="_blank">联系我们</a> &nbsp; | &nbsp; <a href="/html/privacy" target="_blank">用户协议</a> &nbsp; | &nbsp; <a href="/html/link" target="_blank">友情链接</a> &nbsp; | &nbsp; <a style="color:#a33" href="/html/apply" target="_blank">餐厅加盟</a> &nbsp; | &nbsp; <a href="http://sudingke.com" target="_blank">全国首页</a> &nbsp; | &nbsp; <a href="/html/sitemap" target="_blank">网站地图</a> </p>
      <p class=""> 邮箱：<a href="#" rel="nofollow" target="_blank"><img border="0" align="absmiddle" src="http://img.sudingke.xxx/img/common/email_sudingke.gif"></a>&nbsp;&nbsp;&nbsp;&nbsp;
        客服热线：400-0411-569 &nbsp; 电话： 0411-83638475 &nbsp;（工作时间：周一至周五 9:30 至 18:00） </p>
      <p>Copyright &copy; 2012 大连凌睿科技有限公司 版权所有
        <a rel="nofollow" target="_blank" href="http://www.miibeian.gov.cn">辽ICP备11013684号-3</a>
        <script src="http://s4.cnzz.com/stat.php?id=995677&web_id=995677&show=pic1" language="JavaScript"></script>
        </p>
    </div>
  </div>
</div>
<!-- footer close -->

<script type="text/javascript" src="http://img.sudingke.xxx/js/jquery-1.7.1.min.js"></script>
<script src="http://img.sudingke.xxx/js/validator/formValidator-4.1.1.js" type="text/javascript" charset="UTF-8"></script>
<script src="http://img.sudingke.xxx/js/validator/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
function delCart(id){
    if(confirm('确实要删除该菜品么？')){
        $("#dish_" + id).remove();
    }
    totalPrice();
}

function changePrice(id){
    var oTr = $("#dish_" + id);
    var count = parseInt(oTr.find("input").val(), 10) * parseFloat(oTr.find(".price").html(), 10)
    oTr.find(".count").html(count);

    totalPrice();
}

function totalPrice(){
    var oItem = $("#cartTable").find("tr");
    var cnt   = oItem.size();
    var money = 0; //标价
    var price = 0; //售价
    oItem.each(function(){
        money += parseInt($(this).find("input").val(), 10) * parseFloat($(this).find(".money").html(), 10);
        price += parseInt($(this).find("input").val(), 10) * parseFloat($(this).find(".price").html(), 10);
    });

    $("#totalfee,#last_totalfee").html(price);
    $("#savefee,#last_savefee").html(money - price);
}
</script>
<script type="text/javascript">
var onShowHtml = "";
var onFocusHtml = "<span class='$class$'>$data$</span>";
var onErrorHtml = "<span class='$class$'>$data$</span>";
var onCorrectHtml = "<span class='$class$'></span>";
var onShowClass = "inp";
var onFocusClass = "inp inp_focus";
var onErrorClass = "inp inp_error";
var onCorrectClass = "inp inp_correct";

$(document).ready(function(){
    totalPrice();

    $.formValidator.initConfig({formID:"submitForm",mode:'FixTip',onError:function(msg){/*alert(msg)*/},onSuccess:function(){return window.confirm("确认您的联系方式填写准确，以便我们及时送餐。\n现在立即提交么？");},inIframe:true,ajaxPrompt:""});
    $("#realname").formValidator({onShow:"请输入联系人姓名",onFocus:"请输入联系人姓名",onCorrect:"联系人输入正确"}).inputValidator({min:2,onError:"请输入联系人姓名"});
    $("#mobile").formValidator({onShow:"请输入手机号码",onFocus:"请输入正确的手机号码，以备联络",onCorrect:"手机号码输入正确"}).inputValidator({min:11,max:11,onError:"手机号码格式错误"}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的电话号码格式不正确"});
    $("#telphone").formValidator({empty:true,onShow:"请输入备用电话",onFocus:"请输入正确的备用电话号码",onCorrect:"备用电话输入正确"}).inputValidator({min:6,max:13,onError:"电话号码必须是数字格式"}).regexValidator({regExp:"num",dataType:"enum",onError:"你输入的电话号码格式不正确"});
    $("#address").formValidator({onShow:"请输入详细送餐地址",onFocus:"送餐地址不能为空",onCorrect:"送餐地址输入正确"}).inputValidator({min:1,onError:"请输入详细送餐地址"});
    $("#memo").formValidator({empty:true,onShow:"请输入附加信息，可以为空",onFocus:"如：送餐时间，咸淡，是否加辣等要求",onCorrect:"输入正确",onEmpty:""});
    $.formValidator.reloadAutoTip();
});

</script>
 
</body>
</html>